<%--
  Created by IntelliJ IDEA.
  User: xxlc
  Date: 2019/3/21
  Time: 9:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>部门管理</title>
    <jsp:include page="/common/backend_common.jsp"/>
    <jsp:include page="/common/page.jsp"/>
    <link rel="shortcut icon" href="/assets/images/icon.png">
    <script type="text/javascript">
        window.onload = function(){
            $('.carousel').carousel();
        }

    </script>
    <style type="text/css">
        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: aliceblue;
            white-space: nowrap;
        }
    </style>
</head>
<body class="no-skin" youdao="bind" style="background: brown">
<div style="background: #d63434;margin-top: 3%">
    <div class="logo"style="display: inline-block; margin-left: 5% ;background:  #d63434">
        <img width="380"  height ="100"  id="login" src="/assets/images/logo.png">
    </div>
    <div style="display: inline-block;margin-right: 5%;padding-right:  0px; font-size: 14px;color: #ffffff;  float:  right;margin-top: 38px; ">
        <p>公司或单位介绍文字描述</p> <p>公司或单位介绍文字描述介绍文字描述</p>
    </div>
    <div style="display: inline-block;margin-right: 5%;padding-right:  0px;font-size: 14px; color: #ffffff; float:  right;margin-top: 38px; ">
        <p>公司或单位介绍文字描述</p> <p>公司或单位介绍文字描述介绍文字描述</p>
    </div>
</div>
<div>
<nav class="navbar navbar-default" role="navigation" style="background: brown">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">网站首页</a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <%--<li class="active"><a href="#">公司概况</a></li>--%>
                <li><a href="#">公司概况</a></li>
                <li><a href="#">公司风光</a></li>
                <li class="dropdown" style="background: brown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        公司部门 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" style="background-color: rgba(115,179,211,0.60);">
                        <li><a href="#">部门1</a></li>
                        <li><a href="#">部门2</a></li>
                        <li><a href="#">部门3</a></li>
                        <li class="divider"></li>
                        <li><a href="#">部门4</a></li>
                        <li class="divider"></li>
                        <li><a href="#">部门4.1</a></li>
                    </ul>
                </li>
                <li><a href="#">公司风光</a></li>
                <li><a href="#">公司风光</a></li>
                <li><a href="#">公司风光</a></li>
                <li><a href="#">公司风光</a></li>
                <li><a href="#">公司风光</a></li>
                <li><a href="#">公司风光</a></li>
            </ul>
        </div>
    </div>
</nav>
</div>
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="/assets/images/zcbj.jpg" alt="First slide" style="width: 100%;height: 38%">
            <div class="carousel-caption">标题 1</div>
        </div>
        <div class="item">
            <img src="/assets/images/glxbs.jpg" alt="Second slide" style="width: 100%;height: 38%">
            <div class="carousel-caption">标题 2</div>
        </div>
        <div class="item">
            <img src="/assets/images/az.jpg" alt="Third slide" style="width: 100%;height: 38%">
            <div class="carousel-caption">标题 3</div>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>


</body>
</html>
